<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <span style="color: red;">山东省青岛市城阳区春阳路大润发</span>
    <br/>
    <h1><span><u>山东省</u><i>青岛市</i><span style="color: red;">城阳区</span><b>春阳路大润发</b></span></h1>
    <div>
        <!-- 空格折叠现象
          普通的空格在html里面如果连续出现多个会被当成一个空格，
          如果想显示多个连续的空格就需要使用特殊的符号
          &nbsp;    Non-breaking Space
        -->
        锄禾日当&nbsp;&nbsp;&nbsp;&nbsp;午<br/>
        汗滴禾下&nbsp;&nbsp;&nbsp;&nbsp;土<br/>
        谁知盘中&nbsp;&nbsp;&nbsp;&nbsp;餐<br/>
        粒粒皆辛&nbsp;&nbsp;&nbsp;&nbsp;苦<br/>
    </div>
    </body>
</html>